<template>
    <div>
        <ul>
            <li>
                <img src="../../../assets/imges/排行.jpg" alt="" class="img1">
                <span>销量排行</span>
            </li>
            <li>
                <img src="../../../assets/imges/上市.jpg" alt="">
                <span>上市新车</span>
            </li>
            <li>
                <img src="../../../assets/imges/续航.jpg" alt="">
                <span>续航排行</span>
            </li>
            <li>
                <img src="../../../assets/imges/易车.jpg" alt="">
                <span>易车充电</span>
            </li>
            <li>
                <img src="../../../assets/imges/计算器.jpg" alt="">
                <span>购车计算器</span>
            </li>
        </ul>
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style lang="scss" scoped>
div{
    ul{
        display: flex;
        justify-content: space-evenly;
        background-color: #F6F7FB;
        padding-bottom: 20px;
        li{
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            img{
                width: 100px;
            }
            span{
                font-size: 32px;
            }
        }
    }
}
</style>